<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>分享特效</title>
  <style type="text/css">
    dt {
      height: 30px;
    }

    dt img {
      margin-left: 80px;
      display: none;
    }
  </style>
</head>
<body>
<!--分享特效-->
<dl>
  <dt><img src="../img/iocns.gif"/></dt>
  <dd>分享到：<img src="../img/text.gif"/></dd>
</dl>
<script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
  $(document).ready(function () {
    $('dd>img').click(function () {
      $('dt > img').show();
    });
    $('dt>img').click(function () {
      $(this).hide();
    });
  });
</script>
</body>
</html>
